<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <style>
    #dress {
      width: 1200px;
      height: 900px;
      margin: 0 auto;
      /* background-color: rgb(61, 36, 36); */
    }


    ul li {
      list-style: none;
    }

    a {
      color: black;
      text-decoration: none;
    }

    a:hover {
      color: red;
    }

    .div_a {
      color: blueviolet;
      text-decoration: underline;
    }

    .dressList {
      word-wrap: break-word;
    }
  </style>
</head>

<body>
  <div id="dress">
    <ul>
      <li>
        <h3><img src="./image/dress01.png" alt="">夏季流行</h3>
        <hr />
        <div class="dressList">
          <a href="#">夏季新品</a>
          <a href="#">雪纺裙</a>
          <a href="#">短袖T</a>
          <a href="#">铅笔裤</a>
          <a href="#">短裤</a>
          <a href="#">短袖衬衫</a>
          <a href="#">小脚牛仔裤</a>
          <a href="#">开衫</a>
          <a href="#">蕾丝/雪纺衫</a>
          <a href="#">韩版外套</a>
          <a href="#">小西装</a>
          <a href="#">中长款裙</a>
        </div>
      </li>
      <li>
        <h3><img src="./image/dress02.png" alt="">上装</h3>
        <hr />
        <div class="dressList">
          <a href="#">T恤</a>
          <a href="#">衬衫</a>
          <a href="#">针织衫</a>
          <a href="#">长袖T</a>
          <a href="#">韩版T</a>
          <a href="#">情侣衫</a>
          <a href="#">雪纺衬衫</a>
          <a href="#">韩版衬衫</a>
          <a href="#">防晒衣</a>
          <a href="#">休闲套装</a>
          <a href="#">卫衣</a>
          <a href="#">背心/吊带</a>
        </div>
      </li>
      <li>
        <h3><img src="./image/dress03.png" alt="">裙子</h3>
        <hr />
        <div class="dressList">
          <a href="#">连衣裙</a>
          <a href="#">半身裙</a>
          <a href="#">长裙</a>
          <a href="#" class="div_a">短袖裙</a>
          <a href="#">蕾丝连衣裙</a>
          <a href="#">长袖裙</a>
          <a href="#">无袖/背心裙</a>
          <a href="#">A字裙</a>
          <a href="#">牛仔裙</a>
          <a href="#">半身中长裙</a>
          <a href="#">半身短裙</a>
          <a href="#">包臀裙</a>
        </div>
      </li>
      <li>
        <h3><img src="./image/dress04.png" alt="">裤子</h3>
        <hr />
        <div class="dressList">
          <a href="#">裤子</a>
          <a href="#">休闲裤</a>
          <a href="#">牛仔裤</a>
          <a href="#">打底裤</a>
          <a href="#">长裤</a>
          <a href="#">哈伦裤</a>
          <a href="#">阔腿裤</a>
          <a href="#">短裤/热裤</a>
          <a href="#">连体裤</a>
          <a href="#">七/九分裤</a>
          <a href="#">牛仔短裤</a>
          <a href="#">西装裤</a>
        </div>
      </li>
      <li>
        <h3><img src="./image/dress05.png" alt="">其他女装</h3>
        <hr />
        <div class="dressList">
          <a href="#">胖M装</a>
          <a href="#">中老年</a>
          <a href="#">婚纱</a>
          <a href="#">礼服</a>
          <a href="#">旗袍</a>
          <a href="#">夜店</a>
          <a href="#">舞台装</a>
          <a href="#">唐装</a>
          <a href="#">职业装</a>
          <a href="#">全球购</a>
          <a href="#">羊绒衫</a>
          <a href="#">毛衣</a>
          <a href="#">呢大衣</a>
          <a href="#">羽绒服</a>
          <a href="#">真皮皮衣</a>
        </div>
      </li>
    </ul>

  </div>
</body>

</html>